const WangEdit = window.wangEditor;
const edit = new WangEdit("#content");
const editUrl = '/loadImg/img';//服务器访问地址
edit.customConfig.menus = [
    'head',  // 标题
    'bold',  // 粗体
    'fontSize',  // 字号
    'fontName',  // 字体
    'italic',  // 斜体
    'underline',  // 下划线
    'strikeThrough',  // 删除线
    'foreColor',  // 文字颜色
    'backColor',  // 背景颜色
    'link',  // 插入链接
    'justify',  // 对齐方式
    'emoticon',  // 表情
    'image',  // 插入图片
    'table',  // 表格
    'undo',  // 撤销
    'redo'  // 重复
];
edit.customConfig.uploadImgShowBase64 = true;  // 使用 base64 保存图片
edit.customConfig.uploadImgServer = editUrl; // 上传图片到服务器
edit.customConfig.showLinkImg = false;// 隐藏“网络图片”tab
//配置属性名称，绑定请求的图片数据
//controller会用到，可以随便设置，但是一定要与controller一致
edit.customConfig.uploadFileName = 'img';
edit.customConfig.withCredentials = true;
// 将图片大小限制为 5M
edit.customConfig.uploadImgMaxSize = 5 * 1024 * 1024;
edit.customConfig.uploadImgHooks = {
    before: function (xhr, editor, files) {
        // 图片上传之前触发
        // xhr 是 XMLHttpRequst 对象，editor 是编辑器对象，files 是选择的图片文件

        // 如果返回的结果是 {prevent: true, msg: 'xxxx'} 则表示用户放弃上传
        // return {
        //     prevent: true,
        //     msg: '放弃上传'
        // }
    },
    success: function (xhr, editor, result) {
        // 图片上传并返回结果，图片插入成功之后触发
        // xhr 是 XMLHttpRequst 对象，editor 是编辑器对象，result 是服务器端返回的结果
        console.log(result);
    },
    fail: function (xhr, editor, result) {
        // 图片上传并返回结果，但图片插入错误时触发
        // xhr 是 XMLHttpRequst 对象，editor 是编辑器对象，result 是服务器端返回的结果
    },
    error: function (xhr, editor) {
        // 图片上传出错时触发
        // xhr 是 XMLHttpRequst 对象，editor 是编辑器对象
    },
    timeout: function (xhr, editor) {
        // 图片上传超时时触发
        // xhr 是 XMLHttpRequst 对象，editor 是编辑器对象
    },

    // 如果服务器端返回的不是 {errno:0, data: [...]} 这种格式，可使用该配置
    // （但是，服务器端返回的必须是一个 JSON 格式字符串！！！否则会报错）
    customInsert: function (insertImg, result, editor) {
        // 图片上传并返回结果，自定义插入图片的事件（而不是编辑器自动插入图片！！！）
        // insertImg 是插入图片的函数，editor 是编辑器对象，result 是服务器端返回的结果

        // 举例：假如上传图片成功后，服务器端返回的是 {url:'....'} 这种格式，即可这样插入图片：
        let url = result.url;
        insertImg(url)
        // result 必须是一个 JSON 格式字符串！！！否则报错
    }
};
//session  application   request  page
edit.create();

function save() {
    //做保存之前，需要正则表达式或者文件判断
    let data = new FormData();
    data.append("cuisineId", $("#cuisineId").val());
    data.append("productName", $("#productName").val());
    data.append("marketPrice", $("#marketPrice").val());
    data.append("normalPrice", $("#normalPrice").val());
    data.append("imgHref", $("#imgHref")[0].files[0]);
    data.append("content", edit.txt.html());
    data.append("isShow", $("input[type=radio][name=isShow]:checked").val());
    data.append("isRecomend", $("input[type=radio][name=isRecomend]:checked").val());
    $.ajax({
        url: '/back/product/add',
        data: data,
        type: 'post',
        processData: false,
        contentType: false,
        dataType: 'json',
        success: function (data) {
            if (data.result == 1) {
                $("#right").load("/html/back/product/productManage.html");
            } else {
                alert("新增失败");
            }
        }
    })
}

$(function () {
    cuisineFindAll();
})

function cuisineFindAll() {

    let data = myAjax("/back/cuisine/findAll", {}, "get");

    if (data != null) {
        setCuisineData(data.list);
    }
}

function setCuisineData(data) {
    let html = '';
    for (let i = 0; i < data.length; i++) {
        html += '<option value="' + data[i].id + '">' + data[i].name + '</option>';
    }
    $("#cuisineId").html(html);
}

function showImg(obj) {
    var file = $(obj)[0].files[0];
    if (window.FileReader) {
        var reader = new FileReader();
        reader.readAsDataURL(file);
        //监听文件读取结束后事件
        reader.onloadend = function (e) {
            // $(".weui_uploader_file").css("background-image","url("+e.target.result+")");
            //e.target.result就是最后的路径地址
            $("#showImgHref").attr("src", e.target.result);


        };
    }
}

// $("input[type='file']").change(function () {
// var file = this.files[0];
// if (window.FileReader) {
//     var reader = new FileReader();
//     reader.readAsDataURL(file);
//     //监听文件读取结束后事件
//     reader.onloadend = function (e) {
//         // $(".weui_uploader_file").css("background-image","url("+e.target.result+")");
//         //e.target.result就是最后的路径地址
//         $("#showImgHref").attr("src", e.target.result);
//
//     };
// }
// });